@charset "utf-8";
body,div,ul,li,h1,h2,h3,h4,p{margin:0px;padding:0px;font-size:14px;font-family:"微软雅黑";font-weight:normal;}
ul,li,h1,h2,h3,h4,h5,h6,h7,p,input,form,label,table,tr,td,th,strong{margin:0px;padding:0px;list-style-type: none;}
a{text-decoration:none; color: #666; }
a:hover{text-decoration: none;}
img{ border:0;}
ul,li{list-style:none;}
.clear{clear: both}
.wraper{
    -webkit-animation-name: fadeIn; /*动画名称*/
    -webkit-animation-duration: 0.5s; /*动画持续时间*/
    -webkit-animation-iteration-count: 1; /*动画次数*/
    -webkit-animation-delay: 0s; /*延迟时间*/
    animation:fadeIn 1s;
    -moz-animation:fadeIn 1s; /* Firefox */
    -webkit-animation:fadeIn 1s; /* Safari and Chrome */
    -o-animation:fadeIn 1s; /* Opera */
}


/*头部公用样式*/
.wrapper{ width: 1000px; margin: auto; overflow: hidden;}
.header-wrap {
    background-color: #FFF;
    width: 100%;}
.public-head-layout {
    height: 85px;
}
.public-head-layout .site-logo {
    width: 240px;
    height: 60px;
    float: left;
    margin-top:15px;
}
.public-head-layout .site-logo img {
    max-width: 240px;
    max-height: 60px;
}
.public-top-layout {
    color: #777;
    background-color: #211f20;
    border-bottom: solid 2px #e00000;
}
.public-top-layout .topbar {
    height: 35px;
}
.top_tel{ float: right;}
.top_bar{ color: #fff;  }
.top_bar .top_home,.top_bar .top_add{
    text-indent: 2em;
    padding:10px 30px 5px 28px;
    height: 35px;
    line-height: 35px;
}
.top_bar .top_home{
    background: url(../../images/wh/index_03.png) no-repeat left 7px;
}
.top_bar .top_add{
    background: url(../../images/wh/index_05.png) no-repeat left 8px;
}

.top_bar .top_tel{ padding-right:10px; }
.top_bar .top_tel i{
    background:#e00000;
    width:35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    display: inline-block;
    margin-right:8px;  }

.header{
    /* position:fixed;*/
    width:100%;
    z-index:999;
    background:url('../../images/wh/index_01.jpg') no-repeat center top;
}

.public-nav-layout .site-menu {
    font-size: 0;
    *word-spacing:-1px/*IE6、7*/;
    float: left;
}
.public-nav-layout .site-menu li {
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal;
    display: inline-block;
    *display:inline/*IE6、7*/;
}
.public-nav-layout .site-menu li a {
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    display: inline-block;
    *display:inline/*IE6、7*/;
    zoom:1;
    padding: 31px 26px;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus{
    border-bottom: 3px solid #e00000;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus{
    border-bottom: 3px solid #e00000;
}
.navbar .nav li {
    display: table-cell;
    width: 1%;
    float: none;
}
.active {
    color: #000000;

}
/* 滚动新闻*/
.home_banner_bottom{
    height: 48px;
    border-bottom: 1px solid #d4d4d4;
    position: relative}
.home_news{
    width: 58%;
    overflow:hidden;
    height: 48px;
    position: relative;
    display: block;
    clear: both;
    line-height: 40px;
}
.home_news span.news_tips{
    font-weight: bold;
    color:#000000;
    display: inline-block;
    width:70px;
    background: url("../../images/wh/news_03.png") no-repeat 10px 13px;
    height: 40px;}
.home_news span.h-line5 {
    position: absolute;
    top:8px;
    left: 0;
    width: 6px ;
    background: #e00000;
    height: 30px;
    display: inline-block;
    margin-right:10px;
}
.home_marquee{ float: left;}
#marquee4{
    position:absolute;
    top:9px;left:75px;
    height:30px;
    overflow:hidden;
}
#marquee4 ul li{
    float:left;
    width:100%;
    line-height:30px;
    font-size: 14px;
    color: #000000;
}
#marquee4 ul li span.datetime{ float: right}
.home_search{
    width: 34%;
    float: right;
    overflow: hidden ;
    position: absolute;
    top:10px;
    right: 0;
}
/*搜索*/
.head-search-bar input{
    border:1px solid #c9c9c9;
    height: 24px;
    width: 200px;
}
.head-search-bar input.bt{
    background: #e00000;
    border: none;
   height: 26px;
    width: 50px;
    line-height: 26px;
    text-align: center;
    color:#fff;
}
/*产品*/

.home_goods_layout{ background: #f3f3f3; display: block;clear: both; padding:40px 10px 30px 10px;}
h5.h50{  font-size: 20px; font-weight: normal;  color: #000000; height: 30px; }
h5.h50 span.e00000{ color: #e00000;}
h5.h50 .more{float: right; font-size: 12px; background: #3a3a3a; color: #fff; padding:3px 12px;}
h5.h50 em{padding-left: 5px; color: #999999; }
.home_goods_layout .body-subcontainer ul li{
    width: 224px;
    height: 292px;
    padding:5px 5px 0px 5px;
    background: #fff;
    float: left;
    border: 1px solid #3a3a3a;
    position: relative;
    margin-right:6px;
}
.home_goods_layout .body-subcontainer ul li img{ width: 100%}
.home_goods_layout .body-subcontainer ul li .view{  padding-top:3px; position: absolute;  bottom:0; left: 40%}
.home_goods_layout .body-subcontainer ul li .view a{ background: #bbbbbb; color:#fff; padding:2px 5px;   }
.home_goods_layout .body-subcontainer ul li:hover{ border:1px solid #e00000; }
.home_goods_layout .body-subcontainer ul li:hover .view a{ background: #e00000; text-underline: none; }
.home_goods_layout .body-subcontainer ul li .title{ font-size: 14px; color: #222; text-align: center; padding: 5px 0px 0px 0; line-height: 22px;}
.home_goods_layout .body-subcontainer ul li .ytu{padding-bottom:8px; font-size: 12px; color: #292929; padding-left:8px}
.home_goods_layout .body-subcontainer ul li .ytu span{ color:#0a97f7}
/*我们的优势*/
.home_yshi_layout{padding:50px 0;}
.yshi_main{display: block;clear: both}
.yshi_main dl{float: left; margin-right:20px;}
.yshi_main dl:last-child{margin-right: 0px;}
/*我们的案例*/
.home_case_layout{ background: url(../../images/wh/index_47.jpg) repeat-x center top; height: 662px; padding-top:70px;}
.home_case_layout h5{color:#fff; height: 50px;}
.case_main{ margin-top: 20px;}
.case_main dl{ width: 333px; height: 172px; overflow: hidden; float: left; margin:0px;padding:0px;}
.case_main dl.desc_con{ background: #505050; color: #fff; text-align: center; }
.case_main dl.desc_con .desc{  height: 30px; }
.case_main dl.desc_con .title{padding-top:25px; line-height: 30px; }
.case_main dl.desc_con .title a{ color: #ffffff;}
.case_main dl.desc_con .w_line{ height: 20px;}
.case_main dl.desc_con .w_line span{ display: inline-block; background: #e00000; height: 2px; overflow: hidden;  width: 20px; }
.case_main dl.desc_con p.view{ margin-top:8px;}
.case_main dl.desc_con p.view a{ background: #8c8c8c; color: #fff; padding:2px 7px; font-size: 11px; }
.case_main dl.desc_con p.view a:hover{ background: #e00000; padding:2px 7px;  text-decoration: none;}

/*关于基深*/
.home_about_layout{ position: relative; margin-top: -155px; padding-bottom:40px;}
.home_about_layout .aboutus{ width: 25%;  float: left;}
.home_about_layout .aboutus h3{  height: 65px; background: #505050; width: 97%;padding:10px 0; }
.home_about_layout .aboutus h3 p{ color:#fff; line-height: 24px; font-size: 18px; text-indent: 1em;  font-weight: normal}
.home_about_layout .aboutus h3 p.en{ font-size: 14px; text-indent: 1.5em; }
.home_about_layout .about_complay{ width: 73%;  float: right}
.complay_title{ text-align: right; color:#fff; padding-top:52px; }
.complay_title p{padding-right:25px;}
.complay_title .arrow{ padding-right:40px; margin-top:-15px;}
.complay_title span{  width: 0;  height: 0;  border-width: 0 10px 10px 10px;  border-style: solid;  border-color: transparent transparent #fff;  }
.complay_con{padding-top:40px; line-height: 26px; font-size: 14px;}
.complay_con .bottom_img{ padding-top:35px;}

/*底部*/
#faq { background-color: #393939; width: 100%; border-top: solid 1px #F5F5F5; border-bottom: solid 1px #474747; overflow: hidden;}
#faq ul { font-size: 0; *word-spacing:-1px/*IE6、7*/; white-space: nowrap; padding: 0 0 20px 0; margin-left: -1% }
#faq li { font-size: 12px; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/*IE7*/; width: 17%; zoom:1;}
#faq dl { display: block; width: 90%; margin: 0 auto;}
#faq dl dt { font: 16px/20px "microsoft yahei"; color: #666; padding: 10px 5px; margin: 5px 0; border-bottom: solid 1px #E6E6E6;}
#faq dl dd { font: 12px/20px "microsoft yahei"; white-space: nowrap; text-overflow: ellipsis; display: block; clear: both; padding: 2px 5px; overflow: hidden; }
#faq dl dd i { font-size: 0; line-height: 0; background: url(../../images/wh/top_bg.png) no-repeat -80px -10px; vertical-align: middle; display: inline-block; width: 3px; height: 3px; margin-right: 5px;}
#faq dl dd a { color: #333;}

.foot_menu{ height: 280px; padding-top:35px;}
.foot_main_left{ width: 70%;  float: left; }
.foot_menu_li{ height: 35px; line-height: 35px;  }
.foot_menu_li a{ color: #ffffff; padding:0px 15px; }
.foot_cantact{ background: url(../../images/wh/index_57.png) no-repeat 13px 6px; margin-top:10px;}
.foot_cantact dl{ line-height: 25px;color: #979797; font-size: 13px;}
.foot_main_right{ width: 29%; float: right; padding-top:10px; text-align: right; padding-right:8px; color:#eeeeee;}
.foot_main_right .kf_btn span{margin-top:10px;  padding:5px 25px; background: #e00000; color:#fff; border-radius: 18px;}
.foot_main_right .tel{ margin:20px 0px 10px 0px;}

#footer { font-size: 12px !important; text-align: center;  margin: 0 auto; padding:15px 0 25px 0;
    overflow: hidden;background: #393939; color: #eeeeee; width: 100% }
#footer .jishu{ float: right}
#footer .banquan{ float: left;}

#footer p { color: #eeeeee; word-spacing: 5px; padding: 10px 0; }
#footer a { color: #eeeeee; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .vol { font-family: Verdana, Geneva, sans-serif; font-weight: 600; font-style: oblique; font-size: 12px;}
#footer .vol .b { color: #00F;}
#footer .vol .o { color: #F60;}
#footer .vol em { font-family: Georgia, Arial;  font-weight: 600; font-style: italic; color: #000; margin-left: 2px;}

/*公用样式*/
.main_con{ background: #f9f9f9; padding-top:20px; padding-bottom:20px;}
.b_t{   position: absolute; top:-100px;  border: 1px solid red;  text-align:right;   height: 60px;}
.banner_title{
    width: 1000px;
    margin: auto;
    text-align: right;
    margin-top: -128px;
    color: #ffffff;
    z-index: 999;
    position: absolute;
}
.banner_title,.banner_title a{font-size: 23px; padding-right: 10px; font-family: "微软雅黑";   }

/*公司简介 */
.page_baner{
    background: url(../../images/wh/about_02_01.jpg) repeat-x left top;
    text-align: center;
    height: 143px;
    overflow: hidden;

}
.page_cur_location{ background: #ffffff; border-bottom: 1px solid #dddddd;    height: 60px; padding-top:20px;}
.page_menu{ float: left; width: 65%; padding: 10px 0px 15px 0;  position: absolute; z-index: 99}
.page_menu .location-article-list li{ float: left;  margin-right:10px;}
.page_menu .location-article-list li a{ border: 1px solid #dddddd; padding:6px 20px; color: #333333  }
.page_menu .location-article-list li.cur a{ background: #e00000; padding:6px 20px; color:#ffffff;}
.page_menu .location-article-list li a:hover{ background: #e00000; color:#fff; text-decoration: none;}

/* 面包屑 */
.nch-breadcrumb-layout { width: 60%; float: right; position: absolute  }
.nch-breadcrumb {
    font-size: 0; *word-spacing:-1px/*IE6、7*/; text-align: right;
    height: 20px; padding: 10px 0; margin: 0 auto; }
.nch-breadcrumb span {
    font-size: 12px; line-height: 20px; color: #999;
    letter-spacing: normal; word-spacing: normal;
    display: inline-block; *display: inline/* IE6,7*/; height: 20px; zoom: 1;}
.nch-breadcrumb i { font-size: 14px; color: #AAA; margin-right: 4px;}
.nch-breadcrumb span.arrow { font-family: "宋体"; line-height: 20px; color: #AAA; margin: 0 6px;}
.nch-breadcrumb a { color: #777; float: left; display: inline-block }
.nch-breadcrumb a:hover { color: #D93600;}

/*基深产品*/
.pro_list li{ width: 20%; margin: 10px 9px; float: left; border: 1px solid #d6d6d6; padding:15px; background: #fff;}
.pro_list li .title{ color: #000; height: 30px; text-align: center}
.pro_list li .pro_img{ text-align: center; height:144px;}
.pro_list li .pro_img img{ border: 1px solid #d6d6d6;}
.pro_list li .descript{ margin: 20px 0px 10px 0px; padding: 8px 0; word-wrap: break-word;  word-break: normal; border-top:1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; width: 100%; font-size: 12px; line-height: 24px; height: 60px;}
.pro_list li .btn_view a{color:#666666; font-size: 14px;  }
.pro_list li .arrow_right{ float: right; font-size: 16px;}

.show_pro_main h1{ font-size: 16px; font-weight: 600; line-height: 30px; }
.show_pro_main .datetime{text-align: center}
.pro_canshu .td{padding:10px; border-bottom: 1px solid #fff; font-size: 13px; line-height: 23px;}
.pro_canshu .td span{  font-weight: bold;  }
.pro_con{ padding:10px; font-size: 13px; }


/*放大镜效果*/
.preview{width:400px; /*height:430px;*/ float: left; margin-right:10px; margin-left:10px; position: relative}
/* smallImg */
.smallImg{position:relative; height:52px; margin-top:1px;  padding:6px 5px; width:396px; overflow:hidden;float:left;}
.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../../images/wh/d_08.png) no-repeat;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../../images/wh//d_09.png) no-repeat; margin-left:375px; margin-top:-50px;}

#imageMenu {height:50px; width:360px; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:50px; width:60px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width:50px; height:50px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:44px; height:44px; border:3px solid #959595;}
/* bigImg */
.bigImg{position:relative; float:left; width:400px;/* height:400px;*/ overflow:hidden; }
/*.bigImg #midimg{width:400px; height:400px;}*/
.bigImg #winSelector{width:235px; height:210px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999;  }
#bigView img{position:absolute; }
.content_right{  width: 56%; float: right}




/*新闻页*/
.list{  padding:10px 0px 30px  0px;  }
.news_list li{ display: block; clear: both; padding:20px 10px; border-bottom: 1px solid #d6d6d6}
.news_list li .thumb_img{ width: 147px; float: left; height: 151px;}
.news_list li .thumb_img img{ width: 145px;height: 149px; overflow: hidden;  }
.news_list_desc{ width: 81%; float: right;}
.news_list_desc p.title{border-bottom: 1px dashed #ccc; margin-bottom:8px; height: 30px;}
.news_list_desc p.title a{ font-size: 16px; font-weight: normal; font-family: 微软雅黑; color: #000;}
.news_list_desc .descript1{ line-height: 22px; font-size: 14px; color: #666; height: 70px; overflow: hidden; display: block;  }
.news_list_desc .rt{ float: right; font-size: 12px;}
.news_list_desc p.other{ color: #666; }
.news_list_desc p.other span{ padding-right:15px; float: left;}
/*新闻内容页*/
#article{padding:10px; width: 1000px; margin: auto;}
#article .title h3{text-align:center;color:#333; font-size: 26px; }
#article .message{padding:10px;text-align:center;color:#999; padding-bottom: 20px;}
#article .main{
    padding:20px 0;
    line-height:180%;
    color:#333;
    min-height:200px;
    _height:200px;
    font-size:14px;
}
/*#article .main img{max-width:700px;_width:expression(this.width>700?700:true);}*/
#article .main table{background:#999;border:0;border-collapse:separate;border-spacing:1px;}
#article .main td{background:#FFF;padding:5px;}

/*联系我们*/
.show_contact{ background: url(../../images/wh/contact_03.jpg) no-repeat left top; height: 919px;  width: 100%;}
.show_contact .contact_main{ width: 600px;  height: 400px; padding-top:87px; padding-left: 35px; line-height: 30px; }
.show_contact .contact_main .title{ font-size: 18px; color: #000; line-height: 22px; font-weight: 600;}
.show_contact .contact_main .title_en{font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666666; line-height: 22px; padding-bottom:5px;}
.show_contact  .map{ width: 470px; float: right; overflow: hidden; }

/*在线留言*/
#leave_word{padding:20px 30px;   border-radius: 20px; }
#leave_word table{  width: 80%; margin:10px  auto;}
#leave_word td{padding:5px;}
#leave_word .l{text-align:right;width:150px;}
#leave_word .text{width:350px; line-height: 30px; height: 30px;}
#leave_word .bt_row{text-align:center;}
#leave_word textarea{height:100px;width:450px;}

.mes_tip p{    text-align: center;}
.mes_sheet{padding:0 10px;color:#3f3f3f;}
.mes_sheet li{list-style:none;border-bottom:1px dashed #999;padding:10px 0;}
.mes_sheet div{line-height:20px;}
.mes_sheet span{color:#333333; font-size: 20px;line-height: 60px; }
.mes_sheet .reply{border:1px solid #CCC;background:#f5f5f5;margin:10px 50px;padding:10px;}

/*工程案例*/
.goods_video .goods_desc_title{ text-align: center; height: 40px; line-height: 40px; font-size: 16px;  }
.goods_video .goods_author{ text-align: center; font-size: 14px; margin-bottom: 30px;}
/*研究室*/
.download_btn{ float: right}
.downl_main .descript2{ height: 65px;  overflow: hidden; line-height: 24px; margin-bottom:15px;}

